<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/css/common.css}">
</head>
<body>
    <div>
        <h3>使用其他目录中的模版文件</h3>
        <div th:insert="common/left :: html"></div>
        <!--引入全部文件是可以的  三种方式都可以  因为 不是引入的不是代码片段  而是整个html文件的内容-->
        <br>
        <h3>使用其他目录的模版文件2</h3>
        <div th:include="common/left"></div>

        <h3>使用其他目录的模版文件3</h3>
        <div th:replace="common/left"></div>

        <div style="margin-left: 400px">
            <h3>插入模版 th:insert</h3>

            <h3>插入模版 第一种格式</h3>
            <div th:insert="~{ head :: menu }"></div>

            <h3>插入模版 第二种格式</h3>
            <div th:insert="head :: top"></div>

            <hr>
            <h3>包含模版 , 第一种语法</h3>
            <div th:include="~{head::top}" class="top_c">
            </div>
            <h3>包含模版,第二种语法,不保留模版的主标签  定义的css类  不能导入进来</h3>
            <div th:include="head::top" class="top_c"></div>

            <br>
            <h3>使用整个文件作为复用的内容(整个文件作为模版使用)</h3>
            <div th:include="footer :: html"></div>
            <br>
            <div th:include="footer"></div>
            <br>
            <div th:insert="footer"></div>

        </div>







    </div>
</body>
</html>